<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>创作中心</title>
    <style>
    body {
        height:100vh;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        background-color: rgba(150, 200, 255, 0.3);
    }
    .who{
        color:red;
        padding-bottom:40px;
    }
    .create{
        padding: 50px 0;
        width: 400px;
        height: 200px;
        background-color: rgba(150, 200, 255, 0.8);
        border-radius: 10px;
    }
    .create .row {
        height:50px;
        padding:10px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .create .row span {
        display: block;
        width: 100px;
        font-weight: 700;
    }

    #title,#cover {
        width: 220px;
        height: 40px;
        line-height: 40px;
        font-size: 24px;
        border-radius: 10px;
        border: none;
        outline: none;
        text-indent: 10px;
    }

    #submit {
        width: 300px;
        height: 50px;
        color: white;
        background-color: blue;
        border: none;
        border-radius: 10px;
    }

    a{/*将a标签做成按钮特效*/
        text-decoration: none;/*a标签去除下划线*/
        margin-top:50px;
        display:block;
        width:120px;
        height:60px;
        color:#fff;
        line-height:60px;
        background-image:linear-gradient(to right,orange,red);
        text-align:center;
        border-radius:14px;
        box-shadow:0 20px 5px rgb(0,0,0,.7);
        user-select:none;
        cursor:pointer;
        transition:.3s;
    }
    a:active{
        box-shadow:0 10px 0px rgb(0,0,0,.7);
        transform:translateY(10px)
    }
</style>
</head>
<body>
<!--创建专辑-->
<div class="who"></div>
<div class="create">
    <!--上传文件的enctype：multipart/form-data-->
    <form method="post" action="/studio/album/create.do" >
        <div class="row">
            <span>专辑名称</span>
            <input type="text" id="title" name="title">
        </div>
        <div class="row">
            <span>专辑封面</span>
            <input type="text" id="cover" name="cover"><!--封面-->
        </div>
        <div class="row">
            <button id="submit">新建</button>
        </div>
    </form>
</div>
    <a href="/studio">返回创作中心</a>
    <script src="./js/currentUser.js"></script>
</body>
</html>